<template>
	<div>
		<h1>首页</h1>
		
		<stepper :num="5"></stepper> <br>
		<stepper :num="10"></stepper>
		<!-- <p class="active">{{msg}}</p>
		<p>我是个普通人</p>
		<input type="text" v-model="msg">
		<img src="../assets/images/logo.png" alt=""/>
		<br/>
		<img :src="item" alt="" v-for="item in list" :key="item" width="200"> -->
	</div>	
</template>
<script>
	// 导入steppper
	import stepper from '@/components/stepper.vue'
	export default {
		// 注册stepper
		components:{stepper},
		data(){
			return {
				msg:"你好vue脚手架",
				list:[
					require("../assets/images/banner1.jpg"),
					require("../assets/images/banner2.jpg")]
			}
		}
	}
	
</script>
<style scoped="scoped">
	/* scoped样式格式，对其他组件不影响 */
	.active{color:red;}
</style>